.theoretical-bg {
	width: 1280px;
	height: 720px;
	background: url(../images/bg.png) no-repeat left top;
}
.list-bg {
    width: 1074px;
    height: 450px;
    /* background-color: #005595; */
    position: relative;
    top: 152px;
    left: 92px;
}


.list-con {
    height: 409px;
    box-sizing: border-box;
    /* border: 1px solid red; */
    overflow: hidden;
}

.list-bottom {
    width: 100%;
    height: 60px;
    float: left;
    box-sizing: border-box;
    /* border: 1px solid red; */
    overflow: hidden;
}

.page-show {
    width: 126px;
    height: 34px;
    border: 2px solid rgba(255, 255, 255, 1);
    border-radius: 10px;
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 34px;
    margin-top: 15px;
    /* margin-left: 50%; */
    transform: translateX(-50%);
    float: left;
}

.my-help {
    width: 127px;
    height: 34px;
    background: rgba(255, 216, 0, 1);
    border-radius: 10px;
    float: right;
    margin-top: 7px;
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    line-height: 34px;
    text-align: center;
    border: 3px solid transparent;
}

.list-row {
    width: 100%;
    height: 58px;
    box-sizing: border-box;
    padding: 0px 20px;
    float: left;
    overflow: hidden;
    text-align: center;
    color: #ffffff;
    font-size: 28px;
    line-height: 50px;
    margin: 5px 0;
}

.list-row>div {
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list-row.active {
    color: #ffffff;
    /* background: -webkit-linear-gradient(top, rgb(250, 111, 111) 0%, rgb(210, 23, 24) 100%); */
    border: 3px solid lightgreen;
    border-radius: 10px;
}
.list-title{
    float: left;
    max-width: 75%
}
.list-time{
    float: right
}